// import QtQuick
// import QtQuick.Controls
// import CustomizedComponents


// Item {
//     id: root
//     property string animationTarget: canvasImg
//     width: 600
//     height: 400
//     Row{
//         CanvasImg {
//             id: canvasImg
//             // anchors.fill: parent
//             // visible: false
//         }

//         // PropertyAnimation {
//         //     id: glitchAnimation

//         //     // target: "canvasImg"
//         // }

//         // Loader {
//         //     id: middlePage
//         //     anchors.fill: parent
//         //     sourceComponent: component


//         // }

//         ShaderEffect {
//             // anchors.fill: parent
//             property variant src: canvasImg
//             vertexShader: "myeffect.vert.qsb"
//             fragmentShader: "myeffect.frag.qsb"
//         }
//     }
// }
import QtQuick
import QtQuick.Controls
import Qt5Compat.GraphicalEffects


Rectangle {
    width: 2000; height: 1000
    Row {
        // anchors.fill: parent
        Image { id: img;
                sourceSize { width: 500; height: 200 } source: "../resources/images/1.jpg" }
        ShaderEffect {
            width: 500; height: 200
            property variant src: img
            vertexShader: "myeffect.vert.qsb"
            fragmentShader: "myeffect.frag.qsb"
        }
    }
}
